<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html>
    <head>
        <title>登入页面</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <link href="../static/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css" />
        <script src="../static/bootstrap-3.3.7/js/bootstrap.js" type="text/javascript"></script>
        <style>
            body{
                background:url("../images/basic/login-background.jpg") no-repeat center fixed;
                height: auto;
            }
            .col-1{
                background-color: #0f0f0f;
            }
            .col-2{
                background-color: #2aabd2;
            }
            .col-3{
                background-color: #985f0d;
            }
            .first-row{
                min-height: 180px;
            }
            /*.name-label{
                width: 10%;
                text-align: left;
            }
            .form-input{
                width: 90%;;
            }*/
        </style>
    </head>

    <body class="layui-layout-body">
        <div class="container-fluid outer-container">
            <div class="row first-row">
                <div class="col-md-4 col-1"></div>
                <div class="col-md-4 col-2"></div>
                <div class="col-md-4 col-3"></div>
            </div>
            <div class="row second-row">
                <div class="col-md-4 col-md-offset-4 form-container">
                    <form class="login-form" action="/login/login.do" method="post">
                        <div class="form-group">
                            <label for="username" class="name-label">用户名</label>
                            <input type="username" class="form-control username form-input" name="username" id="username" placeholder="用户名">
                        </div>
                        <div class="form-group">
                            <label for="password"class="name-label">密 码</label>
                            <input type="password" class="form-control password  form-input" name="password" id="password" placeholder="密码">
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="remberme"> 记住密码
                            </label>
                        </div>
                        <button type="submit" class="form-control btn btn-default submit btn-success" id="submit">登入</button>
                    </form>
                </div>
            </div>
            <div class="row third-row">
                <div class="col-md-4"></div>
                <div class="col-md-4"></div>
                <div class="col-md-4"></div>
            </div>
        </div>
    </body>
</html>